<!DOCTYPE html>
<html>
    <head>
%{--<meta name="layout" content="main" />--}%
<%-- 引用样式 --%>
%{--<asset:stylesheet src="mycss.css"/>--}%
%{--<asset:javascript src="myjs.js"/>--}%
<!-- Bootstrap CSS -->
<link rel="stylesheet"  href="bootstrap-datetimepicker/css/bootstrap.min.css" >
<link rel="stylesheet"  href="bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" >
<link rel="stylesheet"  href="mycss.css" >
<!-- jQuery -->
<!--时间插件 jquery 和BootStrap-->
<script type="application/javascript"  src="bootstrap-datetimepicker/jquery-1.8.3.min.js"  ></script>
<script type="application/javascript"  src="bootstrap-datetimepicker/js/bootstrap.min.js"  ></script>
<script type="application/javascript"  src="bootstrap-datetimepicker/bootstrap-datetimepicker.js"  ></script>
<script type="application/javascript"  src="bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"  ></script>
<!-- 表单校验-->
<script type="application/javascript"  src="jquery-form.validate/jquery.validate.js"  ></script>

<g:set var="entityName" value="管理职级晋升测算表"/>

<title>管理职级晋升测算表</title>

<script type="text/javascript">
    // 提醒
    $(window).bind('beforeunload', function () {
        return '系统可能不会保存您所做的更改，确定离开此页面吗？';
    });

    /**
     * 计算分数
     */
    function calcPromotion() {
        // 表单验证
        if (!$("#form").validate().form()) return;
        var result = 0;
        var now = new Date();
        // 计算工龄和上一职级任职时间
        /*  拟晋升时间段选择年中晋升时，工龄=7月31日-参加工作时间，工龄月份精确到小数点后两位。拟晋升时间段选择年中晋升时，工龄=次年1月31日-参加工作时间，工龄月份精确到小数点后两位。
            分数=工龄月份*0.03，精确到小数点后一位  上限3分*/
        var workingTime = $("input[name='workingTime']").val();
        var upTime = $("select#upTime option:selected").val();
        if (upTime == '年中晋升') {
            now = new Date(now.getFullYear() + '/7/31')
        } else if (upTime == '年底晋升') {
            now = new Date((now.getFullYear() + 1) + '/1/31')
        }
        var s2m = 1000 * 60 * 60 * 24 * 30.417 // 千分秒到月的转换
        var workage = (now - new Date(workingTime)) / s2m;  //工龄
        var workageScore = parseFloat(( workage * 0.03 > 3 ? 3 : workage * 0.03).toFixed(2));
        // 计算上一职级任职时间:
        /*同上，分数=任职月份*0.5，精确到小数点后一位 上限12分*/
        var nowLevelUpTime = $("input[name='nowLevelUpTime']").val();
        var lastworkage = (now - new Date(nowLevelUpTime)) / s2m; //上职级任期时间
        var lastWorkageScore = parseFloat(( lastworkage * 0.5 > 12 ? 12 : lastworkage * 0.5).toFixed(2));
        result = result + workageScore + lastWorkageScore;

        // 学历 :
        /*根据最高学历选择情况，博士及以上3分、硕士2分、本科1分、大专及以下0分*/
        var education = $("select#education option:selected").val();
        var mapEducation = {'博士及以上': 3, '硕士': 2, '本科': 1, '大专及以下': 0}
        result += mapEducation[education] || 0;

        // 培训经历：
        /*参加培训经历，有新任总监培训记录的记2分，没有的记0分*/
        var hasTrain = false;
        $("tr[style!='display:none']>td>select[name='train.type'] option:selected").each(function () {
            if (this.value == "新任总监培训") {
                result += 2;
                hasTrain = true
                return false; // 跳出循环
            }
        });

        // 现职务：
        /*现职务为本部长、副中心长、中心长、BG CXO、集团CXO/BG CEO的记3分，其他记0分*/
        var nowTitle = $("select#nowTitle option:selected").val();
        if (['集团CXO/BG CEO', 'BG CXO', '中心长', '副中心长', '本部长'].indexOf(nowTitle) > -1) {
            result += 3;
        }

        // 绩效
        /* 公式：绩效分值=（（上一年年终绩效+上一年年中绩效）/2*70%+（上上一年年终绩效+上上一年年中绩效）/2*30%）*10+70；
         S：1.644853627、A：0.524400513、B：-0.3853205、C：-2.05374891、空白：0*/
        var mapScorce = {'S': 1.644853627, 'A': 0.524400513, 'B': -0.3853205, 'C': -2.05374891};
        var performanceSorce = 70; // 基础分70
        $("select#lastMark_0 option:selected,#lastMark_1 option:selected").each(function () {
            performanceSorce += (mapScorce[this.value] || 0) * 7 * 0.5;
        })
        $("#lastMark_2 option:selected,#lastMark_3 option:selected").each(function () {
            performanceSorce += (mapScorce[this.value] || 0) * 3 * 0.5;
        })
        result += performanceSorce;

        // 人才贡献
        /*人才贡献中的级别员工计0.5分、科级计1分、部级计1.5分、本部/总监级计2分 上限3分*/
        var mapRecommend = {'本部/总监级': 2, '部级': 1.5, '科级': 1, '员工': 0.5}, tempScore = 0
        $("tr[style!='display:none']>td>select[name='reconmend.level'] option:selected").each(function () {
            tempScore += (mapRecommend[this.value] || 0)
        });
        result += (tempScore > 3 ? 3 : tempScore)

        // 轮岗
        /*职务变动经历中是否轮岗选是，轮岗类型为跨部门轮岗计1分、跨本部轮岗计2分、跨中心及以上轮岗计3分，组织类型为 上限6分*/
        var mapChange = {'组织不变': 0, '跨科室': 0, '跨部门': 1, '跨本部': 2, '跨中心及以上': 3}, tempScore = 0
        $("tr[style!='display:none']>td>select[name='rotate.type'] option:selected").each(function () {
            tempScore += (mapChange[this.value] || 0)
        });
        result += (tempScore > 6 ? 6 : tempScore)

        // 内部讲师认证
        /*内部讲师认证，一条加一分 上限2分*/
        var trainScore = 0, tempScore = 0
        $("tr[style!='display:none']>td>input[name='lecture.getTime']").each(function () {
            if (this.value) {
                tempScore += 1;
            }
        });
        result += (tempScore > 2 ? 2 : tempScore);

        // 集团级重大奖项
        /*获奖奖项，奖项名称为年度杰出人物奖（10分）、产品开发英才奖（5分）、技术研发英才奖（5分）、
        销售精英奖（5分）、成本降低奖（2分）、伯乐奖（2分）、优秀教练奖（2分）、优秀青年干部将（2分）、合理化建议奖（1分） 上限10分*/
        var mapPrize = {
            '年度杰出人物': 10, '产品开发英才奖': 5, '技术研发英才奖': 5, '销售精英奖': 5, '成本降低奖': 2,
            '伯乐奖': 2, '优秀教练奖': 2, '优秀青年干部奖': 2, '合理化建议奖': 1
        }, tempScore = 0;
        $("tr[style!='display:none']>td>select[name='prizeName'] option:selected").each(function () {
            tempScore += (mapPrize[this.value] || 0)
        });
        result += (tempScore > 10 ? 10 : tempScore);

        // 四舍五入到两位小数
        result = result.toFixed(2)
        // 输出结果
        $("input[name='resultMark']").val(result);
        check(performanceSorce, result, hasTrain);
    }

    /**
     * 校验是否符合要求
     *  performanceSorce:绩效分数
     *  resultMark:分数
     *  hasTrain:是否参加培训
     *
     *  1.绩效分数≥66
     *  2.若拟晋升职级为副总监，新任干部培训分数≥2分；
     *  3.总分：根据拟晋升职级，资深总监≥93，总监≥91，副总监≥87，助理总监≥86
     */
    function check(performanceSorce,resultMark, hasTrain) {
        var toLevel = $("select[name='toLevel'] option:selected").val()
        var levelMap = {'资深总监': 93, '总监': 91, '副总监': 87, '助理总监': 86}
        if (performanceSorce < 66 ||
            (toLevel == '副总监' && !hasTrain) ||
            (resultMark < (levelMap[toLevel] || 0) )) {
            unpass();
            return;
        }
        pass()
    }

    function pass() {
        $("input[name='isManage']").addClass('.has-success').removeClass('.has-error').val('符合');
    }
    function unpass() {
        $("input[name='isManage']").addClass('.has-error').removeClass('.has-success').val('不符合');
    }

</script>

</head>

<body data-spy="scroll" data-target="#myScrollspy" >
<form id="form">
    <div class="container center-block">
        <h1>管理职级晋升测算表</h1>
        <table >
            <thead id="myScrollspy">
            <tr class="prop" >
                <th colspan="8">
                    <span class="littleTitle">计算结果</span>
                </th>
            </tr>
            <tr>
                <div class="form-group">
                    <td colspan="1" class="name"><label class="control-label">核定分数：</label></td>
                    <td colspan="1"><input type="text" name="resultMark" READONLY="readonly" placeholder=""
                                           class="form-control"></td>
                </div>
                <div class="form-group">
                    <td colspan="1"><label class="control-label">是否符合：</label></td>
                    <td colspan="1"><input type="text"  placeholder="" name="isManage" readonly class="form-control"></td>
                </div>

                <div class="form-group">
                    <td colspan="1"><button type="button" class="btn btn-primary" onclick="calcPromotion()">计算</button>
                    </td>
                </div>

                <div class="form-group">
                    <td>
                        %{--<input class="form-control form_date" name="time" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >--}%
                        %{--<div class="input-group " id="datetimepicker" data-link-field="nowLevelUpTime" data-link-format="yyyy/mm/dd" data-date-format="dd-mm-yyyy">--}%
                        %{--<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>--}%
                        %{--<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>--}%
                        %{--</div>--}%
                    </td>
                </div>
            </tr>
            <tr><!--空行--><td><br></td></tr>
            </thead>
            <tbody>
            <tr class="prop">
                <th colspan="8">
                    <span class="littleTitle">人员信息</span>
                </th>
            </tr>
            <tr class="prop">
                <div class="form-group">
                    <td class="name"><label class="control-label" for="code">工号:</label></td>
                    <td><input name="code" id="code" type="text" class="form-control"/></td>
                </div>

                <div class="form-group">
                    <td><label class="control-label" for="name">姓名:</label></td>
                    <td><input id="name" name="name" type="text" value="" class="form-control"/></td>
                </div>

                <div class="form-group">
                    <td><label class="control-label" for="school">毕业院校:</label></td>
                    <td><input name="school" id="school" type="text" value="" placeholder="最高学历毕业院校"
                               class="form-control"/></td>
                </div>

                <div class="form-group">
                    <td><label class="control-label"><nobr>最高学历:</nobr></label></td>
                    <td>
                        <g:select name="education" id="education" class="form-control"
                                  items="${['', '博士及以上', '硕士', '本科', '大专及以下']}">
                        </g:select>
                    </td>
                </div>
            </tr>
            <tr>
                <g:each in=""></g:each>
                %{--<g:render template="template_body"></g:render>--}%
    <div class="form-group">
                    <td><label class="control-label">现职务:</label></td>
                    <td class="value">
                        <g:select name="nowTitle" id="nowTitle" class="form-control"
                                  items="['', '集团CXO/BG CEO', 'BG CXO', '中心长', '副中心长', '本部长', '副本部长', '部长', '副部长', '科长', '副科长', '员工']">
                        </g:select>
                    </td>
                </div>

                <div class="form-group">
                    <td><label class="control-label">现职级:</label></td>
                    <td>
                        <g:select name="nowLevel" class="form-control"
                                  items="['', 'EVP', 'SVP', 'VP', '资深总监', '总监', '副总监', '助理总监', '部长', '副部长', '无']">
                        </g:select>
                    </td>
                </div>

                <div class="form-group">
                    <td>
                        <label class="control-label" for="nowLevelUpTime"><nobr>现职级晋升时间:</nobr></label>
                    </td>
                    <td>
                        <input class="form-control form_date" id="nowLevelUpTime" name="nowLevelUpTime" required
                               size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                    </td>
                </div>

                <div class="form-group">
                    <td><label class="control-label">专业职级:</label></td>
                    <td>
                        <g:select name="proLevel" class="form-control"
                                  items="['', '未定级', '初级', '中级', '高级', '资深高级', '专家', '高级专家', '首席科学家']">
                        </g:select>
                    </td>
                </div>
            </tr>

            <tr>
                <div class="form-group">
                    <td><label class="control-label"><nobr>拟晋升职级:</nobr></label></td>
                    <td>
                        <g:select name="toLevel" class="form-control"  required=""
                                  items="['', 'EVP', 'SVP', 'VP', '资深总监', '总监', '副总监', '助理总监', '部长', '副部长', '无']">
                        </g:select>
                    </td>
                </div>

                <div class="form-group">
                    <td><label class="control-label"><nobr>拟晋升时间段:</nobr></label></td>
                    <td>
                        <g:select required="" name="upTime" id='upTime' class="form-control"
                                  items="['', '年中晋升', '年底晋升']">
                        </g:select>
                    </td>
                </div>

                <div class="form-group">
                    <td><!-- Text input-->
                        <label class="control-label">参加工作时间:</label>
                    </td>
                    <td>
                        <input class="form-control form_date date" name="workingTime" required
                               size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                    </td>
                </div>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">近四次绩效</span>
                </th>
            </tr>
            <tr>
                <%
                    List years = []
                    Date date = new Date()
                    int year = date.year - 100 // 初始是1900年
                    years << (year - 1) + '年底' << (year - 1) + '年中'
                    years << (year - 2) + '年底'<< (year - 2) + '年中'
                %>
                <g:each in="${years}" var="y" status="i">
                    <div class="form-group">
                        <td><label class="control-label">${y}:</label></td>
                        <td>
                            <g:select name="lastMark_${i}" id="lastMark_${i}" class="form-control"
                                      items="['', 'S', 'A', 'B', 'C']">
                            </g:select>
                        </td>
                    </div>
                </g:each>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">职务变动经历<small
                            style="font-size: 12px;color: #999999;">&nbsp;只用填写现职级以及期间的轮岗经历</small></span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>

            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead style="text-align:center">
                        <tr>
                            <th>起始时间</th>
                            <th>结束时间</th>
                            <th>组织名称</th>
                            <th>序列</th>
                            <th>工作地</th>
                            <th>岗位</th>
                            <th>变动类型</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <input class="form-control form_date date" id="jobChange-startTime" name="rotate.startTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td>
                                <input class="form-control form_date date" id="jobChange-endTime" name="rotate.endTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td><input name="rotate.orgName" type="text" size="6" class="form-control" value="" placeholder=""/>
                            </td>
                            <td>
                                <g:select name="rotate.orgType" class="form-control"
                                          items="['', '专业序列', '工程序列', '研发序列', '营销序列', '技术工人及技师']">
                                </g:select>
                            </td>
                            <td><input name="rotate.workPlace" type="text" size="6" class="form-control" value=""
                                       placeholder=""/></td>
                            <td>
                                <input type="text" class="form-control" name="rotate.post"/>
                            </td>
                            <td>
                                <g:select name="rotate.type" class="form-control"
                                          items="['', '组织不变', '跨科室', '跨部门', '跨本部', '跨中心及以上']">
                                </g:select>
                            </td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <!--<p class="help-block">Supporting help text</p>-->
                    <span class="littleTitle">职级变动经历<small
                            style="font-size: 12px;color: #999999;">&nbsp;只用填写现职级以及期间的轮岗经历</small></span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>

            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead>
                        <tr>
                            <th>起始时间</th>
                            <th>结束时间</th>
                            <th>管理职务</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <input class="form-control form_date date" id="levelChange-startTime" name="levelChange-startTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td>
                                <input class="form-control form_date date" id="levelChange-endTime" name="levelChange-endTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td>
                                <g:select name="change-title" class="form-control"
                                          items="['', 'EVP', 'SVP', 'VP', '资深总监', '总监', '副总监', '助理总监', '部长', '副部长', '无']">
                                </g:select>
                            </td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">人才贡献</span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>
            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead>
                        <tr>
                            <th>时间</th>
                            <th>工号</th>
                            <th>姓名</th>
                            <th>级别</th>
                            <th>贡献组织</th>
                            <th>级别划分</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <input class="form-control form_date date" name="reconmend.time"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td><input name="reconmend-code" type="text" size="9" class="form-control" value=""
                                       placeholder=""/></td>
                            <td><input name="name" type="text" size="4" class="form-control" value="" placeholder=""/>
                            </td>
                            <td>
                                <g:select items="${['', '本部/总监级', '部级', '科级', '员工']}" name="reconmend.level"
                                          class="form-control"></g:select>
                            </td>
                            <td><input name="reconmend-org" type="text" class="form-control" value="" placeholder=""/>
                            </td>
                            <td>
                                <g:select items="${['', '本部总监级/专家级及以上', '部级/资深级', '科级/高级', '员工且高级以下']}"
                                          name="reconmend.level2" class="form-control"></g:select>
                            </select>
                            </td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">获奖奖项</span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>
            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead>
                        <tr>
                            <th>奖项级别</th>
                            <th>奖项类别</th>
                            <th>奖项名称</th>
                            <th>获奖时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <g:select name="prizeLevel" class="form-control" items="${['', '集团']}">
                                </g:select>
                            </td>
                            <td>
                                <g:select name="prizeType" class="form-control" items="${['', '京东方人奖']}">
                                </g:select>
                            </td>
                            <td>
                                <g:select name="prizeName" class="form-control"
                                          items="${['', '年度杰出人物', '产品开发英才奖', '技术研发英才奖', '销售精英奖', '成本降低奖',
                                                   '伯乐奖', '优秀教练奖', '优秀青年干部奖', '合理化建议奖']}">
                                </g:select>
                            </td>
                            <td>
                                <input class="form-control form_date date" name="prize.time"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">参加培训经历</span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>
            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead>
                        <tr>
                            <th>培训类型</th>
                            <th>培训开始日期</th>
                            <th>培训开始日期</th>
                            <th>班号</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <g:select name="train.type" class="form-control"
                                          items="${['', '新任科长培训', '新任部长培训', '新任总监培训']}">
                                </g:select>
                            </td>
                            <td>
                                <input class="form-control form_date date" name="train.startTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td>
                                <input class="form-control form_date date" name="train.endTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td><input name="trainCode" type="text" size="4" class="form-control" value=""
                                       placeholder=""/></td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>

            <tr><!--空行--><td><br></td></tr>
            <tr>
                <th colspan="8">
                    <span class="littleTitle">内部讲师认证</span>
                    <button type="button" class="btn btn-success" onclick="addTr(this)">+</button>
                </th>
            </tr>
            <tr>
                <td colspan="8">
                    <table class="table-bordered" >
                        <thead>
                        <tr>
                            <th>时间</th>
                            <th>课程名称</th>
                            <th>认证组织</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="display:none">
                            <td>
                                <input class="form-control form_date date" name="lecture.getTime"
                                       size="8" data-date-format="yyyy/mm/dd" type="text"  placeholder="yyyy/mm/dd" >
                            </td>
                            <td><input name="lecture-name" type="text" class="form-control" value="" placeholder=""/>
                            </td>
                            <td><input name="lecture-certificeOrg" type="text" class="form-control" value=""
                                       placeholder=""/></td>
                            <td><button type="button" class="btn btn-danger" onclick="delTr(this)">×</button></td>
                        </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</form>
</body>
<script type="text/javascript" >
    $(function () {
        initTime();// 初始化时间控件
        // 所有的动态表默认都给一行
        $("button.btn-success").each(function () {
            addTr(this)
        })
    })

    // 初始化bootstrap时间控件
    function initTime() {
        $('.form_date').datetimepicker({
            language: 'zh-CN',
            weekStart: 1,
            todayBtn: 1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 1
        });
    }

    function delTr(obj) { //x行
        $(obj).parent().parent().remove();
        calcPromotion();
    }

    function addTr(obj) {  //增加行
        // 下一个子表
        var $table = $(obj).closest('tr').next('tr').find("tbody");
        // 这里使用浅克隆即可，不需要复制内部元素事件。
        $table.find("tr:last").after($table.find("tr:first").clone().removeAttr('style'))

        // 初始化时间控件
        initTime();
    }

    /*
        $.validator.setDefaults( {
            submitHandler: function () {
                alert( "submitted!" );
            }
        } );*/

    $(document).ready(function () {
        var validate= $("#form").validate({
//            onfocusin: function(element) { $(element).valid(); },
            // 修复时间控件的问题
//            onfocusout: function (element) {
//                $(element).valid();
//            },
//            onclick: function(element) { $(element).valid(); },
//            onkeyup: function(element) { $(element).valid(); },
//            ignore: '',
            rules: {
                // name: "required",
//                workingTime: {
//                    required: true,
//                },
//                nowLevelUpTime: {
//                    required: true,
//                },
                //code:"required",
                //  education:"required"
                /* lastname: "required",
                 username: {
                     required: true,
                     minlength: 2
                 },
                 password: {
                     required: true,
                     minlength: 5
                 },
                 confirm_password: {
                     required: true,
                     minlength: 5,
                     equalTo: "#password"
                 },
                 email: {
                     required: true,
                     email: true
                 },
                 agree: "required"*/
            },
            messages: {
                name: "请输入姓名",
                workingTime: "请选择参加工作时间"
            },
            errorElement: "em",
            errorPlacement: function (error, element) {
                // Add the `help-block` class to the error element
                error.addClass("help-block");
//
//                if ( element.prop( "type" ) === "checkbox" ) {
//                    error.insertAfter( element.parent( "label" ) );
//                } else {
//                    error.insertAfter( element );
//                }
//                var $td= element.closest('td')
//                element.closest('td').append(error);
                // 时间插件临时解决
//                if( element.prop( "type" ) === "hidden"){
//                    element=element.prev('div')
//                }
               // 重复校验会出现多个tooltip,先销毁 todo bug2，挡住别人点击
//                element.tooltip('destroy')
//                    element.tooltip({title: error.text(),content:error.addClass("help-block"),trigger:'focus',
//                        delay:{"hide": 500}})
//                element.tooltip('show')
            },
            highlight: function (element, errorClass, validClass) {
                $(element).closest("td").addClass("has-error").removeClass("has-success");
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).closest("td").addClass("has-success").removeClass("has-error");
                $(element).tooltip('destroy')
            },
            success: function(element) {
                $(element).closest("td").addClass("has-success").removeClass("has-error");
                $(element).tooltip('destroy')
            }
        });

        // 解决时间控件点了不重新校验问题
        $("input[required].form_date").change(function () {
            validate.element(this)
        })

        // 填一下就校验
        $("input,select").change(function () {
            calcPromotion()
        })

    })
</script>

</table>
</html>
